<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/HTMLHeader.jsp"%>
<title>永川公交网</title>
<style>
<!--
.left {
	width: 200px;
	float: left;
}
.right {
	width: 750px;
	float: right;
}
-->
</style>
</head>
<body>
<!-- header -->
<c:set var="active" scope="request" value="首页" />
<%@ include file="/WEB-INF/page/common/fore/header.jsp"%>
<div class="container body" style="width: 1000px;">
	<br />
	<!-- 提示 -->
	<div class="panel panel-success left">
		<div class="panel-heading">Android客户端上线了</div>
		<div class="panel-body">
			<img alt="" src="ewm.png" width="100%">
		</div>
	</div>
	<!-- /提示 -->
	<!-- 换乘查询 -->
	<div>
		<div class="panel panel-success right">
			<div class="panel-heading">公交换乘查询</div>
			<div class="panel-body">
				<script type="text/javascript">
					function query() {
						$("#q").val($("#start").val()+" "+$("#end").val());
					}
				</script>
				<form action="q" class="form-inline " style="text-align: center;">
					<input type="hidden" name="q" id="q">
					换乘查询&nbsp;&nbsp;&nbsp;
				  <div class="form-group">
				    <input type="text" placeholder="起始车站" class="form-control col-xs-4" id="start">
				  </div>
				    <label for="exampleInputEmail2" style="font-size: 20px;color: #3C763D;"> <span class="glyphicon glyphicon-resize-horizontal"></span> </label>
				  <div class="form-group">
				    <input type="text" placeholder="终点车站" class="form-control col-xs-4" id="end">
				  </div>
				  <button type="submit" onclick="return query()" class="btn btn-default"><span class="glyphicon glyphicon-search "></span> 查询</button>
				</form>
			</div>
		</div>
	</div>
	<!-- /换乘查询 -->
	<!-- 公交线路查询 -->
	<div class="panel panel-success right">
		<div class="panel-heading">公交线路查询</div>
		<div class="panel-body">
			<form action="q" class="navbar-form" style="text-align: center;">
					公交路线&nbsp;&nbsp;&nbsp;
					<div class="input-group  col-xs-8">
						<input type="text" placeholder="请输入要查询的公交路线" class="form-control col-xs-12" name="q" value="">
						<div class="input-group-btn">
						<button class="btn btn-default col-xs-12" type="submit"><span class="glyphicon glyphicon-search"></span> 查询</button>
						</div>
					</div>
			</form>
			<c:forEach var="line" items="${busline }">
				<a class="btn btn-group" href="buslinedetails?busline=${line.id}">${line.name }</a>
			</c:forEach>
		</div>
	</div>
	<!-- /公交线路查询 -->
	<!-- 系统说明 -->
	<div>
		<div class="panel panel-success left">
			<div class="panel-heading">系统说明</div>
			<div class="panel-body">
				永川公交系统由CY提供，旨在为所有永川朋友的日常生活提供方便，我们会尽力保证所有公交线路信息的准确性，但由于能力所限，我们不能保证所提供的数据是准确的，所有信息仅供参考，不具备任何法律效力。请您在乘坐公交车时向乘务员问询确认。
			</div>
		</div>
	</div>
	<!-- /系统说明 -->
	<!-- 公交站点查询 -->
	<div>
		<div class="panel panel-success right">
			<div class="panel-heading">公交站点查询</div>
			<div class="panel-body">
				<form action="q" class="navbar-form" style="text-align: center;">
						公交站点&nbsp;&nbsp;&nbsp;
						<div class="input-group  col-xs-8">
							<input type="text" placeholder="请输入要查询的公交站点" class="form-control col-xs-12" name="q" value="">
							<div class="input-group-btn">
							<button class="btn btn-default col-xs-12" type="submit"><span class="glyphicon glyphicon-search"></span> 查询</button>
							</div>
						</div>
				</form>
				<c:forEach var="hot" items="${hots }">
					<a class="btn btn-group" href="stationDetails?stationId=${hot[0]}">${hot[1]}</a>
				</c:forEach>
			</div>
		</div>
	</div>
	<!-- /公交站点查询 -->

</div>
<!-- foorter -->
<%@ include file="/WEB-INF/page/common/fore/footer.jsp" %>
<!-- /footer -->
</body>
</html>